.mask {
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.72);
    display: flex;
    justify-content: center;
    align-items: center;
    .box {
        background: #fff;
    }
    .title {
        background: #f0f0f0;
        font-size: 16px;
        color: #999;
        padding: 10px;
    }
    .content {
        margin-top: 10px;
        display: flex;
        width: 50vw;
        min-height: 30vh;
        padding: 20px;
        .types {
            width: 150px;
            // height: 100%;
            overflow-y: auto;
            cursor: default;
            background: #c9c9c9;
            .item {
                padding: 8px 10px;
                font-size: 14px;
                background: #c9c9c9;
                color: #1a1a1a;
                margin-bottom: 1px;
                transition: all 300ms;
                &.selected {
                    background: #f0f0f0;
                    pointer-events: none;
                }
                &:hover{
                    color: #5c5c5c;
                    background: #dddddd;
                }
            }
        }
        .attr {
            flex: 1;
            // height: 100%;
            overflow-y: auto;
            padding: 20px;
            background: #f0f0f0;
            .param {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                margin-bottom: 10px;
                font-size: 12px;
                .lab {
                    width: 120px;
                }
                .val {
                    flex: 1;
                    width: 0;
                }
            }
        }
    }
    .btns {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 40px;
        padding: 20px;
        .btn {
            width: 100px;
            height: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #c4c4c4;
            color: #3d3d3d;
            cursor: pointer;
        }
    }
}
